<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车
		</title>
		<script src="../js/jquery-1.11.1.js"></script>
			<style>
				img{
					animation: dfc .8s linear infinite;
				}
				/* 关键帧 */
				@keyframes dfc{
					0%{
						transform: rotate(180deg);
					}
					30%{
						transform: rotate(360deg);
					}
					100%{
						transform: rotate(720deg);
					}
				}
		</style>
	</head>
	<body>
		<img src="../img/1.gif" alt="1" />
		<audio src="../img"></audio>
			<button>开转</button>
			<button>暂停</button>
			<button>翻转</button>
			<script>
			//点击  开转    图片切换并且  添加样式   .img
				$("#btn1").click(function(){
					$("img").attr("src","../img/1.gif").addClass("imga");
				});
			//暂停  音乐消失+动画效果消失
			//翻转  切换：imga切换imgb
			</script>
	</body>
</html>